<script setup >
import { Carousel } from 'bootstrap';

</script>

<template>
  <div class="container">
    <div class="title">单位简介</div>
    <div class="dwBox1">
      <div class="dwBox1-center">
        <div class="dwBox1-center-text">
          <div class="card-body">
            <h5 class="card-title">北京长城计量测试技术研究所</h5>
            <p class="card-text">
              北京长城计量测试技术研究所，始建于50年代初，现为中国航空工业集团公司成员单位（304所），是专门从事计量测试技术、计量标准、方法研究和计量器具制造的综合研究所。是成果检测鉴定国家级inherit;”>、全国振动冲击计量技术委员会秘书单位，是一所具有较强计量测试能力和一定知名度的科研机构
            </p>
            <p style="color:red"> 181 3161 7461</p>
          </div>
          <div><img src="/src/assets/images/ccPic.jpg" alt=""></div>
        </div>
      </div>
      <div class="col-6">
        <div id="carouse_ljl02" class="carousel slide" data-ride="carousel" data-bs-wrap="true" data-bs-interval="2000" ref="carouselEl">
          <ol class="carousel-indicators">
            <li data-target="#carouse_ljl02" data-slide-to="0" class="active"></li>
            <li data-target="#carouse_ljl02" data-slide-to="1"></li>
            <li data-target="#carouse_ljl02" data-slide-to="2"></li>
          </ol>

          <button class="carousel-control-prev" type="button" data-target="#carouse_ljl02" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only"> < </span>
          </button>
          <button class="carousel-control-next" type="button" data-target="#carouse_ljl02" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only"> > </span>
          </button>
        </div>
      </div>
    </div>
  </div>
  <div class="container" style="margin-top: 80px">
    <div class="dwBox1-center-text">
      <div class="card-body">
            <h5 class="card-title">联系送检</h5>
            <p class="card-text">北京长城计量测试技术研究所</p>
            <p class="card-text">所在地址：北京市海淀区温泉镇环山村</p>
            <p class="card-text">送检业务电话：181 3161 7461</p>
          </div>
      <div class="col-6">
        <img src="/src/assets/images/img/business-commerce-600x400.jpg" alt=""></img>
      </div>
    </div>
  </div>

<!--  <div class="bananaBg">-->
<!--  </div>-->
  <div class="box6">
    <div class="box6-data">
      <div class="box6-data-left">
        <h5><img src="/src/assets/images/Star.png" alt=""><em>CNAS认可</em></h5>
        <span><i></i> 具备CNAS认可，检测领域全覆盖，符合ISO/IEC 17025：2005《检测和校准实验室能力的通用要求》</span>
        <span><i></i>（CNAS-CL01《检测和校准实验室能力认可准则》）的要求，具备承担本证书附件所列检测和校准服务的能力，助力中国制造</span>
      </div>
      <div class="box6-data-right">
        <img src="/src/assets/images/ysRightPIc.png" alt="">
      </div>
    </div>
  </div>


</template>

<style scoped>
.box6{
  margin: 80px auto;
  .box6-data{
    width: 1400px;
    margin: 30px auto;
    display: flex;
    justify-content: space-between;
    justify-items: center;
  }
  .box6-data-left{
    width: 407px;
    text-align: left;
    h5{
      font-weight: 700;
      font-style: Bold;
      font-size: 34px;
      margin-bottom: 30px;
      em{
        vertical-align: middle;
        margin-left: 10px;
        img{
          vertical-align: middle;
          width: 46px;
          height: 46px;
          display: block;

        }
      }
    }
    span{
      color: #666666;
      font-size: 15px;
      display: block;
      margin-bottom: 20px;
      i{
        vertical-align: middle;
        display: inline-block;
        width: 10px;
        height: 10px;
        background:#666;
        border-radius: 50%;
      }
    }
  }
  .box6-data-right{
    width: 916px;
    height: 404px;
    top: 5681px;
    left: 726px;
    opacity: 1;
    img{
      width: 100%;
      height: 100%;
    }
  }
}
.bananaBg{
   width: 100%;
   height: 500px;
  background:url(/src/assets/images/banner.jpg) no-repeat;
  background-size: 100% 100%;
}
.bananaBg img{
  width: 100% ;
  height: 100%;
}

.title{
  margin-top: 50px;
  font-weight: 600;
  font-size: 30px;
  letter-spacing: 2px;
}
 .dwBox1{
   background: #fff;
   margin: 50rpx auto;

 }
 .dwBox1-center-text{
   max-width: 1400px;
   box-shadow: 0px 17px 12px 0px #D9D9D926;
   padding: 40px 30px;
   display: flex;
   justify-content: space-between;
   text-align: left;
   img {
     width: 596px;
     height: 385px;
   }
   .card-body{
     font-size: 16px;
     line-height: 30px;
     text-align: left;
     h5{
       text-align: center;
       font-weight: 600;
       font-size: 18px;
     }
   }
 }
.botPicAll{
  margin: 50px;
}
.botPicAll .one{
  width: 1300px;
  height: 166px;
  img{
    width: 100%;
    height: 100%;
  }
}
</style>